<template>
  <div>
    <header-std @login="$emit('login')" v-if="bodyWidth >= 1000" />
    <header-tiny @login="$emit('login')" v-else />
  </div>
</template>

<script>
import headerStd from "./standard";
import headerTiny from "./tiny";
export default {
  computed: {
    bodyWidth() {
      return this.$store.state.view.body.size.width;
    },
    bodyHeight() {
      return this.$store.state.view.body.size.height;
    },
  },
  components: {
    headerStd,
    headerTiny,
  },
};
</script>